<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线OJ_题目列表</title>
</head>
<style>
.container .navbar
{
    width:100%;
    background-color:black;
    height:50px;
    overflow:hidden;
    
}
.container .navbar a
{
    display:inline-block;
    width:80px;
    color:white;
    font-size: large;
    line-height:50px;
    text-decoration: none;
    text-align: center;
}
.container  .navbar a:hover
{
    background-color: green;
}
.container .navbar .login
{
    float:right;
}
.container .question_list
{

    padding-top: 50px;
    width:800px;
    height:600px;
    margin:0px auto;
    /*background-color: grey;*/
    text-align: center;
}

.container .question_list table
{
    width:100%;
    font-size:large;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-top: 50px;
    background-color: rgb(244, 255, 241);
}
.container .question_list h1
{
color:green;
}
.container .question_list table .item
{
    width:100px;
    height:40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
    font-family: 'Times New Roman', Times, serif;
}
.container .question_list table .item a{
    text-decoration: none;
    color:black;
}
.container .question_list table .item a:hover
{
    color:rgb(66, 125, 253);
    text-decoration: underline;
}
.container .footer
{
    width:100%;
    height:50px;
    text-align:center;
    line-height: 50px;
    color:#ccc;
}
</style>
<body>
    <div class="container">
        <div class="navbar">
            <a href="/">首页</a>
            <a href="/all_question">题库</a>
            <a href="#">竞赛</a>
            <a href="#">讨论</a>
            <a href="#">求职</a>
            <a class="login" href="#">登录</a>
        </div>
    
        <div class="question_list">
        <h1>OnlineJudge题目列表</h1>
        <table> 
        <tr>
            <th class="item">编号</th>
            <th class="item">标题</th>
            <th class="item">难度</th>
        </tr>
       {{#question_list}}
        <tr>
            <td class="item">{{num}}</td>
            <td class="item"><a href="/question/{{num}}">{{title}}</a></td>
            <td class="item">{{star}}</td>
        </tr>
        {{/question_list}}
    </table>
        </div>
        <div class="footer">
            <h4>@lhy</h4>
    </div>
    
</body>
</html>